<template>
  <view class="fullscreen-ad-item">
    <image :src="data.imgUrl" mode="aspectFit" style="width: 100%; height: 100%;"></image>
  </view>
</template>

<script>
export default {
  name: "fullscreen-ad-item",
  props: {
    data: {
      type: Object,
      default() {
        return {};
      },
    },
  },
};
</script>

<style scoped lang="scss">
.fullscreen-ad-item {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  row-gap: 24rpx;
  color: #333333;
  .title {
    font-weight: bold;
    margin-top: 24rpx;
  }
  .content {
    margin-top: 24rpx;
  }
  .img-box {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
</style>
